<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>饼图</title>
		<script type="text/javascript" src="js/echarts.js" ></script>
	</head>
	<body>
		<div id="sales" style="width: 600px;height: 400px;">
			
			
		</div>
		<script>
			var myCharts=
			echarts.init(document.getElementById("sales"));
			var option={
				title:{
					text:'产品销量',
					left:'center'
					
				},
				tooltip:{
					trigger:'item',//触发
					formatter:'{a}<br/>{b}:{c}({d}%)'//格式
					
				},
				legend:{
					orient:"horizontal",//vertical
					left:'left',
					data:['鼠标','键盘','u盘','主板']
					
				},
				series:[
					{
						name:'所售商品',
						type:'pie',//饼图
						radius:['60%','80%'],
						data:[
							{
								value:300,name:'鼠标'
							},
							{
								value:400,name:'键盘'
							},
							{
								value:200,name:'u盘'
							},
							{
								value:940,name:'主板'
							}
						]
						
					}
				]
			};
			myCharts.setOption(option);
		</script>
	</body>
</html>
